<script setup lang="ts">
// import HelloWorld from '@/components/HelloWorld.vue'
import { RouterLink, RouterView } from 'vue-router';
import { aaa } from './pinia';
const aa = aaa()
console.log('mystore.count', aa.count)
aa.count = 1
console.log('useMystore.count', aa.count)
// import appStore from './pinia/index2';
// console.log(appStore.useStore)
// const aa = appStore.useStore
// console.log(aa, aa.count)
</script>

<template>
    <n-config-provider :theme-overrides="{ common: { fontWeightStrong: '600' } }">
        <div>
            <a href="https://vite.dev" target="_blank">
                <img src="/vite.svg" class="logo" alt="Vite logo" />
            </a>
            <a href="https://vuejs.org/" target="_blank">
                <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
            </a>
            <RouterLink to="/">首页</RouterLink>
            <RouterLink to="/aa">测试页</RouterLink>
            <!-- <RouterLink to="/">首页</RouterLink>
            <RouterLink to="aa">测试页</RouterLink> -->
            <RouterView />
        </div>
    </n-config-provider>
    <!-- <HelloWorld msg="Vite + Vue" /> -->
</template>

<style scoped>
.logo {
    height: 6em;
    padding: 1.5em;
    will-change: filter;
    transition: filter 300ms;
}

.logo:hover {
    filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
    filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
